﻿@{
    Layout = null;
}
<!DOCTYPE html>
<html>
<head>
    <title>Shop Page</title>
    <link rel="stylesheet" type="text/css" href="@Url.Content("~/Content/css/modern.css")"/>
    <style>
        body
        {
            background: #1d1d1d;
        }
    </style>
</head>
<body class="metrouicss">
    <div class="page secondary fixed-header" style="width: 6700px;">
        <div class="page-header ">
            <div class="page-header-content">
                <div class="user-login">
                    <a href="http://metroui.org.ua/windows8start.php#">
                        <div class="name">
                            <span class="first-name">Sergey</span> <span class="last-name">Pimenov</span>
                        </div>
                        <div class="avatar">
                            <!--<img src="images/myface.jpg"/>-->
                            <i class="icon-user fg-color-white"></i>
                        </div>
                    </a>
                </div>
                <h1 class="fg-color-white">
                    Start</h1>
            </div>
        </div>
        <div class="page-region">
            <div class="page-region-content tiles" style="width: 6700px;">
                <div class="tile-group tile-drag" style="width: auto; max-width: 4347px;">
                    <div class="tile icon">
                        <div class="tile-content">
                            <i class="icon-calculate"></i>
                        </div>
                        <div class="brand">
                            <span class="name">Calculator</span>
                        </div>
                    </div>
                    <a target="_blank" id="qq" href="http://metroui.org.ua/" onclick="console.log(&#39;clicked&#39;)"
                        class="tile image outline-color-green">
                        <div class="tile-content">
                            <img src="./Modern UI CSS_files/myface.jpg" alt="">
                        </div>
                    </a>
                    <div class="tile icon">
                        <div class="tile-content">
                            <img src="./Modern UI CSS_files/Mail128.png">
                        </div>
                        <div class="brand">
                            <div class="badge">
                                10</div>
                            <div class="name">
                                Mail</div>
                        </div>
                    </div>
                    <div class="tile bg-color-orangeDark icon">
                        <b class="check"></b>
                        <div class="tile-content">
                            <img src="./Modern UI CSS_files/Video128.png" alt="">
                        </div>
                        <div class="brand">
                            <span class="name">Video</span>
                        </div>
                    </div>
                    <div class="tile double image">
                        <div class="tile-content">
                            <img src="./Modern UI CSS_files/5.jpg" alt="">
                        </div>
                        <div class="brand">
                            <span class="name">Pictures</span>
                            <div class="badge bg-color-orange">
                                5</div>
                        </div>
                    </div>
                    <div class="tile bg-color-green icon">
                        <div class="tile-content">
                            <img src="./Modern UI CSS_files/Market128.png">
                        </div>
                        <div class="brand">
                            <span class="name">Store</span> <span class="badge">6</span>
                        </div>
                    </div>
                    <div class="tile bg-color-red icon">
                        <div class="tile-content">
                            <img src="./Modern UI CSS_files/Music128.png" alt="">
                        </div>
                        <div class="brand">
                            <span class="name">Music</span>
                        </div>
                    </div>
                    <div class="tile double bg-color-blueDark">
                        <div class="tile-content">
                            <img src="./Modern UI CSS_files/michael.jpg" class="place-left">
                            <h3 style="margin-bottom: 5px;">
                                michael_angiulo</h3>
                            <p>
                                I just saw Thor last night. It was awesome! I think you'd love it.
                            </p>
                            <h5>
                                RT @@julie_green</h5>
                        </div>
                        <div class="brand">
                            <span class="name">Tweet@rama</span>
                        </div>
                    </div>
                    <div class="tile bg-color-darken icon">
                        <div class="tile-content">
                            <img src="./Modern UI CSS_files/YouTube128.png" alt="">
                        </div>
                        <div class="brand">
                            <span class="name">YouTube</span>
                        </div>
                    </div>
                    <div class="tile double bg-color-green" data-role="tile-slider" data-param-period="3000">
                        <div class="tile-content" style="position: absolute; left: 0px; top: -150px;">
                            <h2>
                                mattberg@live.com</h2>
                            <h5>
                                Re: Wedding Annoucement!</h5>
                            <p>
                                Congratulations! I'm really excited to celebrate with you all. Thanks for...
                            </p>
                        </div>
                        <div class="tile-content" style="position: absolute; left: 0px; top: 0px;">
                            <h2>
                                tina@live.com</h2>
                            <h5>
                                Re: Wedding Annoucement!</h5>
                            <p>
                                Huh! Waw!!! I'm really excited to celebrate with you all. Thanks for...
                            </p>
                        </div>
                        <div class="brand">
                            <div class="badge">
                                12</div>
                            <img class="icon" src="./Modern UI CSS_files/Mail128.png">
                        </div>
                    </div>
                    <div class="tile double image-slider" data-role="tile-slider" data-param-period="5000"
                        data-param-direction="left">
                        <div class="tile-content" style="position: absolute; left: -310px; top: 0px;">
                            <img src="./Modern UI CSS_files/1.jpg" alt="">
                        </div>
                        <div class="tile-content" style="position: absolute; left: -310px; top: 0px;">
                            <img src="./Modern UI CSS_files/2.jpg" alt="">
                        </div>
                        <div class="tile-content" style="position: absolute; left: 0px; top: 0px;">
                            <img src="./Modern UI CSS_files/3.jpg" alt="">
                        </div>
                        <div class="tile-content" style="position: absolute; left: -310px; top: 0px;">
                            <img src="./Modern UI CSS_files/4.jpg" alt="">
                        </div>
                        <div class="tile-content" style="position: absolute; left: -310px; top: 0px;">
                            <img src="./Modern UI CSS_files/5.jpg" alt="">
                        </div>
                    </div>
                </div>
                <div class="tile-group tile-drag" style="width: auto; max-width: 483px;">
                    <div class="tile image outline-color-green">
                        <div class="tile-content">
                            <img src="./Modern UI CSS_files/myface.jpg" alt="">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
@*@Html.Partial("ProfileShop")*@
</html>
